.orange{
    color:#ff6a00;
}

.isBackground{
    z-index:-1;
}
.color-right{
    padding:10px;
    color:white;
    background-color:#8dd0be;
}

.color-wrong{
    padding:10px;
    color:white;
    background-color:#f78e57;
}

.color-explain{
	padding:5px 0px 0px 0px;
	line-height: 1.5em;
	color:black;
	background-color:#FAEBB9;
	border: 1px solid #fbd011 ;
	border-radius: 5px;
}

.color-explain .content
{
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 10px 20px;
}

.page-question{
    bottom:50px;
    position:absolute;
    top:0px;
}

.page-result{
    position:absolute;
}

.xs-padding{
    padding-left:5px;
    padding-right:5px;
}

.headerContent{
    line-height:40px;
}

.hr-margin{
    margin-top:8px;
    margin-bottom:8px;
}
.hr-no-margin{
    margin-top:0px;
    margin-bottom:0px;
}

.no-padding{
    padding:0px;
}

.resultStyle{
    margin:5%;
    background-position:center top;
    background-repeat:no-repeat;
    height:90%;
}

.row-home{
    line-height:52px;
}

.row-submenu{
    line-height:27px;
}

.row-subitem{
    line-height:20px;
}

.row-exam{
    line-height:20px;
}

.row-question{
    line-height:24px;
}

.row-result{
    line-height:133px;
}

.modal-dialog{
	top:160px;
}
.modal-head{
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
}
.modal-foot .btn{
	width:100%;
}

.mask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	 background: rgba(0, 0, 0, 0.24)
}

.text-gray{
    color:gray;
    font-size:10px;
}

.align-center{
    text-align:center;
}